import { Example, CommunityNote } from '../../components'
import { Link } from '@brillout/docpress'

<CommunityNote url="https://www.naiveui.com" />

If you are using <Link href="/vike-vue">vike-vue</Link>, you can install [`vike-vue-naive-ui`](https://github.com/Jearce/vike-vue-naive-ui#readme) for automatic integration.

## Manual integration

Example of manually integrating Naive UI:
 - <Example timestamp="2024.08" repo="Jearce/vike-vue-naive-ui" href="https://github.com/Jearce/vike-vue-naive-ui/tree/7ad4f2ff12dd099b3d724368aa5af02cd1b3ba9f" /> - Using <Link href="/vike-vue">`vike-vue`</Link>

## See also

- <Link href="/css-in-js" />
- [`vike-vue#141` CSS-in-JS with SSR](https://github.com/vikejs/vike-vue/issues/141)
